/*
* {
margin: 0;
padding: 0;
}
*/
/*
body {
font: 71%/1.5 Verdana, Sans-Serif;
background: #eee;
}
*/

/*#container {
margin: 100px auto;
width: 490px;
}*/
/*
#write {
margin: 0 0 5px;
padding: 5px;
width: 190px;
height: 200px;
font: 1em/1.5 Verdana, Sans-Serif;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
*/

#container-keyboard {
 font-size: small;
 font-family: 'trebuchet ms', arial, sans-serif;
}


#keyboard {
margin: 0;
padding: 0;
list-style: none;
}
	#keyboard li {
	float: left;
	margin: 0 5px 5px 0;
	width: 20px;/*40px;*/
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #C1C6C8; /*#fff;*/
	border: 1px solid #f9f9f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
		.capslock, .tab, .left-shift {
		clear: left;
		}
			#keyboard .tab, #keyboard .delete {
			width: 40px;
			}
			#keyboard .capslock {
			width: 40px;
			}
			#keyboard .return {
			/*width: 17px;*/
			}
			#keyboard .left-shift {
			width: 40px;
			}
			#keyboard .right-shift {
			width: 40px;
			}
		.lastitem {
		margin-right: 0;
		}
		.uppercase {
		text-transform: uppercase;
		}
		#keyboard .space {
		/*clear: left;*/
		width: 200px;				
		}
		.on {
		display: none;
		}
		#keyboard li:hover {
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #e5e5e5;
		cursor: pointer;
		}